// 封装组件的要点：
// 1.准备组件的结构和样式
// 2.设计属性，父传子的属性（通过属性的设置，让父传子最大化）
import classnames from 'classnames'
type Props = {
  type: string //控制显示不同的图标
  className?: string //表示非必传的，控制图标的样式
  onClick?(): void //点击图标执行的回调函数
}
function Icon({ type, className, onClick }: Props) {
  console.log(123)
  return (
    <svg
      onClick={onClick}
      className={classnames('icon', className)}
      aria-hidden="true">
      {/* 使用时，只需要将此处的 iconbtn_like_sel 替换为 icon 的名称即可*/}
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

export default Icon
